﻿{* 
    This file is a template part of Documentation.tpl
    Copyright (c) 2011, XBloks Progect 
*}
<link rel="stylesheet" href="{$BACKEND_CSS}dataTable.css"    rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{$BACKEND_CSS}Form.css"         rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{$BACKEND_CSS}Buttons.css"      rel="stylesheet" type="text/css" />
<link rel="stylesheet" href='{$BACKEND_CSS}osx.css'          type="text/css" media='screen' />
<link rel="stylesheet" href='{$BACKEND_CSS}Documentation.css'       type="text/css" media='screen' />

<link rel="stylesheet" href="{$EXTERNAL_JS}codeHightLihgt/highlight/1.0/highlight.css"/>

<script type="text/javascript" src="{$BACKEND_JS}sliding.form.js"></script>
<script type="text/javascript" src="{$BACKEND_JS}Documentation.js"></script>

<script type="text/javascript" src="{$EXTERNAL_JS}jstree/1.0/_lib/jquery.cookie.js"></script>
<script type="text/javascript" src="{$EXTERNAL_JS}jstree/1.0/_lib/jquery.hotkeys.js"></script>
<script type="text/javascript" src="{$EXTERNAL_JS}jstree/1.0/jquery.jstree.js"></script>
<script type="text/javascript" src="{$EXTERNAL_JS}codeHightLihgt/highlight/1.0/highlight.js"></script>

<div  class="clear"> </div>
<div id="rootImg" style="display: none">{$BACKEND_IMAGES}browse/root.png</div>
<div id="folderImg" style="display: none">{$BACKEND_IMAGES}browse/folder.png</div>
<div id="classImg" style="display: none">{$BACKEND_IMAGES}browse/php.png</div>
        <div id="Fcontent">
            <div id="wrapper">
            
                <div id="steps">
                   <div id="browse">
                   
                   </div>
                   
                        <fieldset class="step"  style="height:600px;">
                        <form>
                            <legend>
                                {$lang.block_title}
                            </legend>
                            
                            <div style="clear:both;"></div>
                           
                            
                            <div id="code">
                                <div id="docVewer">
                                  <span id="cTitle">
                                      {$lang.doc_view}
                                  </span>
                                  <div class="cDoc">
                                    <div id="docTitle">
                                      {$lang.descr}:
                                    </div>
                                    <div id="docText">
                                      <span id="description"></span>
                                    </div>
                                    
                                    
                                    <div class="clr"></div>
                                    <div id="docTitle">
                                      {$lang.copy}:
                                    </div>
                                    <div id="docText">
                                      <span id="copyright"></span>
                                    </div>
                                  </div>
                                  
                                  <div class="clr"></div>
                                  
                                  <span id="cSubTitle">
                                      {$lang.vars}
                                  </span>
                                  <div class="clr"></div>
                                  <div class="cVarDoc">
                                    
                                  </div>
                                  
                                  
                                  <span id="cSubTitle">
                                      {$lang.methods}
                                  </span>
                                  <div class="clr"></div>
                                  <div class="cMethodsDoc">
                                    
                                  </div>
                                  
                                  
                                </div>
                                
                            </div>
                            <div style="clear:both;"></div>
                        </form>
                        </fieldset>
                        
                        <fieldset class="step"  style="height:600px;">
                        <form>
                            <legend>
                                {$lang.source}
                            </legend>
                            
                            <div style="clear:both;"></div>
                           
                            
                            <div id="code">
                                <div id="codeVewer">
                                  <pre class="code" lang="php">
  
                                     /* foreach example 3: key and value */
                                  
                                  </pre>
                                </div>
                                
                            </div>
                            <div style="clear:both;"></div>
                        </form>
                        </fieldset>
                          
                        
                       
                        
            						<fieldset class="step" style="height:425px;">
                                    <form>
                                        <legend>{$lang.help}</legend>
                                        
            							<p class='block'>
            								Some help
            							</p>
                        </form>
                        </fieldset>
                        
                </div>
                <div id="navigation" style="display:none;">
                    <ul>
                        <li class="selected">
                            <a href="#">{$lang.docs}</a>
                        </li>
                        
                        <li>
                            <a href="#">{$lang.source}</a>
                        </li>
                        
                        <li>
                            <a href="#">{$lang.help}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
      </div>
    
</div>